body {
  background-color: #f0f2f5;
}

img {
  vertical-align: middle;
}

/* 头部 */
.header {
  height: 2.79rem;
  background: url(../images/personal/bg.png) no-repeat;
  background-size: 100% 100%;
}

.header .header_content {
  width: 1.77rem;
  padding-top: .22rem;
  margin: 0 auto;
  height: 100%;
  position: relative;
}

.header .header_content>img {
  position: absolute;
}

.header .header_content>a>img {
  position: absolute;
}

.header .header_content .headicon {
  width: 1.27rem;
  height: 1.26rem;
  left: .48rem;
  top: .48rem;
  z-index: 2;
}

.header .header_content .headiconborder {
  left: 0;
  top: 0;
  width: 2.21rem;
  height: 2.21rem;
}

.header .header_content .queen {
  right: 0;
  top: .24rem;
  width: 0.33rem;
  height: 0.33rem;
}

.header .header_content .name {
  position: absolute;
  left: .64rem;
  bottom: .44rem;
  z-index: 9;
  font-size: .32rem;
}

.header .header_content .name img {
  width: 0.27rem;
  height: 0.27rem;
}

.header .header_content .b {
  font-size: .24rem;
  position: absolute;
  left: .44rem;
  bottom: .06rem;
}

/* 功能导航 */
.mynav {
  background-color: #fff;
}

.mynav .money {
  height: 0.79rem;
  line-height: .79rem;
  font-size: .3rem;
  padding: 0 .23rem 0 .45rem;
}

.mynav .money .fl img {
  width: 0.26rem;
  height: 0.32rem;
  margin-right: .15rem;
}

.mynav .money .fl span {
  color: #646464;
}

.mynav .money .fr img {
  width: 0.14rem;
  height: 0.26rem;
  margin-left: .18rem;
}

.mynav .money .fr span {
  color: #ff3b30;
  font-weight: 600;
}

.mynav .mynav_b ul {
  display: flex;
  border-top: .01rem solid #d7d7d7;
  border-bottom: .01rem solid #d7d7d7;
}

.mynav .mynav_b ul li {
  flex: 1;
  text-align: center;
  font-size: .22rem;
  padding-top: .38rem;
}

.mynav .mynav_b ul li:last-child {
  border-left: .01rem solid #d7d7d7;
  position: relative;
}

.mynav .mynav_b ul li:last-child::before {
  content: '＞';
  display: block;
  width: 0.30rem;
  height: 0.30rem;
  line-height: .28rem;
  text-align: center;
  font-size: .12rem;
  border-radius: 50%;
  color: #d7d7d7;
  border: .01rem solid #d7d7d7;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.mynav .mynav_b ul li img {
  width: 0.41rem;
  height: 0.39rem;
}

.mynav .mynav_b ul li .title {
  margin: .25rem 0 .2rem;
}

/* 中间导航 */
.middlenav {
  background-color: #fff;
  margin-top: .2rem;
}

.middlenav ul {
  display: flex;
  border-top: .01rem solid #d7d7d7;
  border-bottom: .01rem solid #d7d7d7;
  padding-top: .24rem;
}

.middlenav ul li {
  flex: 1;
  text-align: center;
  font-size: .24rem;
}

.middlenav ul li:nth-child(1),
.middlenav ul li:nth-child(3) {
  position: relative;
}

.middlenav ul li:nth-child(1)::after,
.middlenav ul li:nth-child(3)::after {
  position: absolute;
  display: block;
  width: 0.32rem;
  height: .32rem;
  border-radius: 50%;
  background-color: #ff3b30;
  line-height: .32rem;
  text-align: center;
  color: #fff;
  font-size: .2rem;
  top: -.14rem;
  right: .42rem;
}

.middlenav ul li:nth-child(1)::after {
  content: '1';
}

.middlenav ul li:nth-child(3)::after {
  content: '4';
}

.middlenav ul li img {
  width: 1.02rem;
  height: 0.45rem;
}

.middlenav ul li h3 {
  margin-top: .18rem;
  margin-bottom: .26rem;
}

/* bar */
.bar {
  margin: .22rem 0 1.43rem;
}

.bar ul li {
  background-color: #fff;
  font-size: .32rem;
  padding: 0 .25rem 0 .32rem;
  height: 0.89rem;
  line-height: .89rem;
  border-top: .01rem solid #d7d7d7;

}

.bar ul li:nth-child(3) {
  margin: .21rem 0;
}

.bar ul li img {
  height: 0.36rem;
  width: 0.36rem;
  margin-right: .34rem;
}

.bar ul li .fr {
  width: 0.14rem;
  height: 0.26rem;
  margin-top: .25rem;
}

/* 底部导航 */
.footer_nav ul li:nth-child(5) a em,
.footer_nav ul li:nth-child(5) a h3 {
  color: #ff5001 !important;
}


/* 夜间模式 */
.bar .dark,
.bar .sun {
  text-decoration: underline;
}